import { createApp } from "vue";
import MessageIndex from "../components/MessageIndex.vue";
export type MessageType = "success" | "error" | "default";
// message: string, type: MessageType 作为实例形参
const createMessage = (message: string, type: MessageType, timeout = 2000) => {
    // 创建实例
    // 第一个参数 根组件
    // 第二个参数 传给根组件的props 可选
  const messageInstance = createApp(MessageIndex, { message, type });
//   创建节点
  const mountNode = document.createElement('div')
//   挂载节点（挂载到body的子节点）
  document.body.appendChild(mountNode)
//   挂载组件
messageInstance.mount(mountNode)
// 自动消失
setTimeout(()=>{
    // 卸载组件
    messageInstance.unmount()
    // 删除节点
    document.body.removeChild(mountNode)
},timeout)
};
export default createMessage
